<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 
			table：标签
				thead：头部
					tr：行标签
						th：列标签，表示头部，字体加粗，水平垂直居中
				tbody：主体
					tr：行标签
						td：列标签：数据行，没有什么特别的效果
				th和td都可以称为单元格
			table的属性
				border：不写，没有边框线，1或""效果相同，大于1时，则为border边框线的宽度
				cellspacing：单元格之间的间距
				cellpadding：单元格中的内容和单元格边框线的距离
				align：控制表格相对于父标签对齐方式
					center：水平居中
					right：靠右
					left：靠左
				
				对齐
					在HTML+CSS中，水平对齐是很简单的。但垂直对齐非常麻烦
			单元格属性
				colspan：占多少列
				rowspan：占多少行
		 -->
		<table align="top" border="10" cellspacing="10" cellpadding="20">
			<thead>
				<tr>
					<th width="100" height="100">姓名</th>
					<th>手机</th>
					<th></th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>张三</td>
					<td colspan="2">1111</td>
				</tr>
				<tr>
					<td>李四</td>
					<td colspan="2">2222</td>
				</tr>
			</tbody>
			<!-- <tfoot>
				这是一个表格，一般不用
			</tfoot> -->
		</table>
		<div >
			这是块级元素
		</div>
		<span>
			这是内联元素
		</span>
	</body>
</html>
